<template>
  <div class="flynav">
      <div class="wrapper">
        <ul>
          <li><a href="javascript:void(0)">首页</a></li>
          <li><a href="javascript:void(0)">酒店</a></li>
          <li><a href="javascript:void(0)">客栈公寓</a></li>
          <li><a href="javascript:void(0)">国内机票</a></li>
          <li><a href="javascript:void(0)">国际机票</a></li>
          <li><a href="javascript:void(0)">旅游度假</a></li>
          <li><a href="javascript:void(0)">景点门票</a></li>
          <li><a href="javascript:void(0)">火车票</a></li>
          <li class="divide"></li>
          <li><a href="javascript:void(0)">团购特卖</a></li>
          <li class="divide"></li>
          <li><a href="javascript:void(0)">出境超市</a></li>
          <li class="divide"></li>
          <li><a href="javascript:void(0)">目的地</a></li>
          <li class="divide"></li>
          <li><a href="javascript:void(0)">飞猪国际</a></li>
          <li class="divide"></li>
          <li><a href="javascript:void(0)">我的旅行</a></li>
        </ul>
      </div>
  </div>
</template>

<script type="text/ecmascript-6">

</script>

<style rel="stylesheet/scss" lang="scss">
  .flynav{
    width: 100%;
    background-color: #ffc900;
    .wrapper{
      width: 1190px;
      height: 36px;
      line-height: 36px;
      margin: 0 auto;
      ul{
        li{
          float: left;
          margin-right: 12px;
          &.divide{
            width: 1px;
            height: 16px;
            background-color: #000000;
            margin-top: 10px;
          }
          a{
            display: block;
            height: 26px;
            line-height: 26px;
            color: black;
            font-size: 1rem;
            border-radius: 4px;
            padding: 0 5px;
            margin-top: 5px;
          }
          a:hover{
            background-color: #FFFFFF;
          }
        }
      }
    }

  }

</style>
